<template>
  <div class="index">
    <myheader title="智慧小巷"></myheader>
    <swipe></swipe>
    <function-box></function-box>
    <!-- 社区新闻 -->
    <news></news>
    <!-- 趣事分享 -->
    <story></story>
  </div>
</template>

<script>
import swipe from '../components/index/swipe.vue'
import functionBox from '../components/index/functionBox.vue'
import news from '../components/index/news.vue' //新闻
import simpleHeader from '../comon/simpleHeader.vue'
import story from '../components/index/story.vue' //趣事分享
import myheader from '../comon/myheader.vue'
export default {
  components: {
    swipe,
    functionBox,
    news,
    simpleHeader,
    story,
    myheader,
  },
  data() {
    return {
      // status:1
    }
  },
  beforeCreate() {
    // this.$router.go(0);
  },
  created() {
    // console.log(this.status)
  },
  mounted() {
    // console.log(this.$state.user)
  },
  methods: {},
  // Create() {
  // 	this.$router.go(0);
  // },
}
</script>

<style scoped>
.header {
  position: fixed;
  width: 100%;
  padding: 0 !important;
  top: 0;
  z-index: 999;
}
.index {
  margin-bottom: 35px;
  margin-top: 46px;
}
</style>
